ff1588d761d55f48f61a52249e1dcc24

Micron Document

<!DOCTYPE html>

<title>Textfeld</title>

</head>

<h1 id="firstHeading" class="firstHeading mw-first-heading">Textfeld</h1>

</header>

</div>

Ein Textfeld oder eine Textbox, vereinfachend auch ein Eingabefeld, ist ein <a href="Steuerelement" title="Steuerelement">Steuerelement</a> einer <a href="Grafische_Benutzeroberfl%C3%A4che" title="Grafische Benutzeroberfläche">grafischen Benutzeroberfläche</a>, das Tastatureingaben oder Programmausgaben in Form einer <a href="Zeichenkette" title="Zeichenkette">Zeichenkette</a> aufnehmen und darstellen kann. Es dient zur <a href="Eingabe_(Computer)" title="Eingabe (Computer)">Eingabe</a> im Sinne eines <a href="Computerprogramm" title="Computerprogramm">Computerprogramms</a>. Eine Zusammenstellung mehrerer Textfelder und/oder anderer Steuerelemente wird auch als Eingabemaske oder <a href="Bildschirmmaske" title="Bildschirmmaske">Bildschirmmaske</a> bezeichnet. Bezogen auf einen größeren Kontext kann sie als eigenständige/s Komponente/Element angesehen werden.

Textfelder werden vor allem in <a href="Dialogfenster" class="mw-redirect" title="Dialogfenster">Dialogfenstern</a>, <a href="Webformular" title="Webformular">Webformularen</a>, sowie in <a href="Anwendungsprogramm" class="mw-redirect" title="Anwendungsprogramm">Anwendungsprogrammen</a> zur <a href="Interaktion" title="Interaktion">Interaktion</a> mit dem <a href="Benutzer" title="Benutzer">Benutzer</a> eingesetzt.

Die Basisimplementierung in <a href="Hypertext_Markup_Language" title="Hypertext Markup Language">HTML</a> ist <code>input</code>. Diese Methode steuert aber auch andere Eingabefelder wie <a href="Schaltfl%C3%A4che" title="Schaltfläche">Schaltflächen</a> (Buttons), <a href="Checkbox" title="Checkbox">Checkboxen</a> (Kontrollkästchen) und <a href="Radiobutton" title="Radiobutton">Radiobuttons</a> (Optionsschalter). Diese Typen bilden zusammen die elementaren Eingabeelemente in HTML, wie sie seit den 1990er Jahren allgemeine Verbreitung finden.<a href="#cite_note-input-1">[1]</a> Ihre Entwicklung reicht in die frühen 1980er Jahre zurück, als erste <a href="Betriebssystem" title="Betriebssystem">Betriebssysteme</a> und Anwendungen mit grafischer Benutzeroberfläche etabliert wurden.

Viele Betriebssysteme und <a href="GUI-Toolkit" title="GUI-Toolkit">GUI-Toolkits</a> bieten die Möglichkeit an, einen Platzhalter (<a href="Englische_Sprache" title="Englische Sprache">englisch</a> placeholder, watermark oder hint) anzuzeigen, wenn das Textfeld leer ist. Dieser dient dazu, den Benutzer über die Art der erwarteten Daten (z. B. <a href="Datentyp" title="Datentyp">Datentyp</a> oder Eingabeformat) zu informieren oder Beispiele für mögliche Werte anzubieten. Er ist jedoch nicht dazu gedacht, die Beschriftung (Label) des Textfeldes zu ersetzen.<a href="#cite_note-2">[2]</a><a href="#cite_note-3">[3]</a> In der Regel wird dieser Text in einer anderen Farbe (z. B. hellgrau) dargestellt, um nicht mit einem echten Wert verwechselt zu werden.

Heute verbreitet ist die automatische Textergänzung während des Eintippens (<a href="Autovervollst%C3%A4ndigung" title="Autovervollständigung">Autovervollständigung</a>) für Textfelder. Auch <a href="Autokorrektur" title="Autokorrektur">Autokorrektur</a>-Mechanismen sind möglich.

<div class="mw-heading mw-heading2"><h2 id="Spezielle_Verwendung_und_Varianten">Spezielle Verwendung und Varianten</h2></div>

<ul><li>Im Kontext von elektronischen Suchanfragen, also an <a href="Elektronische_Datenverarbeitung" title="Elektronische Datenverarbeitung">elektronische Datenverarbeitungsanlagen</a>, <a href="Datenbank" title="Datenbank">Datenbanken</a> oder <a href="Suchmaschine" title="Suchmaschine">Suchmaschinen</a> gerichtete Aufträge zur Durchsuchung des jeweiligen <a href="Datenbasis" title="Datenbasis">Datenbestands</a> nach spezifischen <a href="Stichwort_(Dokumentation)" title="Stichwort (Dokumentation)">Suchbegriffen</a> oder <a href="Suchmaske" class="mw-redirect" title="Suchmaske">Suchmasken</a>, spricht man auch von einem Suchfeld oder – insbesondere bei mehreren Eingabefeldern – einer Suchmaske. Ein Suchfeld bzw. eine Suchmaske kann Teil einer Suchleiste sein. Alleinstehende Suchfelder werden häufig mit einem <a href="Lupe" title="Lupe">Lupen</a>-Symbol () dargestellt, um auf den Verwendungszweck hinzuweisen.<a href="#cite_note-4">[4]</a></li>

<li>Bei einem Passwortfeld wird die eingetippte Zeichenkette bewusst nicht lesbar dargestellt. Jedes eingetippte Zeichen wird einheitlich durch ein neutrales Zeichen, wie beispielsweise einem <a href="Sternchen_(Schriftzeichen)" title="Sternchen (Schriftzeichen)">Sternchen (*)</a> oder einem <a href="Mittelpunkt_(Schriftzeichen)" title="Mittelpunkt (Schriftzeichen)">Mittelpunkt (●)</a>, ersetzt.</li>

<li>Ein Datumsfeld erlaubt die Eingabe eines <a href="Zeitpunkt" title="Zeitpunkt">Zeitpunkts</a> in einem vorgegebenen <a href="Datumsformat" title="Datumsformat">Datums-</a> und <a href="Zeitformat" class="mw-redirect" title="Zeitformat">Zeitformat</a>. Oft wird es mit einem aufklappbaren <a href="Kalendersteuerelement" title="Kalendersteuerelement">Kalendersteuerelement</a> kombiniert (Drop-Down-Kalender), um dem Benutzer die Eingabe zu erleichtern.</li>

<li>Ein Nummernfeld nimmt nur Zahlenwerte (<a href="Ziffer" class="mw-redirect" title="Ziffer">Ziffern</a> und ggf. <a href="Dezimaltrennzeichen" title="Dezimaltrennzeichen">Dezimaltrennzeichen</a> und/oder <a href="Minuszeichen" title="Minuszeichen">Minuszeichen</a> <a href="Bindestrich-Minus" class="mw-redirect" title="Bindestrich-Minus">auf der Tastatur</a>) entgegen. Oft wird es mit einem <a href="Drehfeld_(Steuerelement)" title="Drehfeld (Steuerelement)">Drehfeld</a> kombiniert. Dabei handelt es sich um zwei kleine Schaltflächen zur <a href="Inkrementierung" class="mw-redirect" title="Inkrementierung">Inkrementierung</a> und <a href="Dekrementierung" class="mw-redirect" title="Dekrementierung">Dekrementierung</a> des Wertes.</li>

<li>In vielen Komponentenframeworks existieren maskierte Eingabefelder (<a href="Englische_Sprache" title="Englische Sprache">englisch</a> masked edit), die für den Eingabebereich eine feste Struktur (Maske) vorgeben und abhängig von der <a href="Cursor" title="Cursor">Cursor</a>-Position nur die Eingabe bestimmter Zeichen erlauben. Ein Beispiel dafür sind Eingabefelder für <a href="Lizenzschl%C3%BCssel" title="Lizenzschlüssel">Lizenzschlüssel</a>.</li>

<li>In den meisten <a href="Programmiersprache" title="Programmiersprache">Programmiersprachen</a> und <a href="Integrierte_Entwicklungsumgebung" title="Integrierte Entwicklungsumgebung">Entwicklungsumgebungen</a> wird zwischen ein- und mehrzeiligen Textfeldern unterschieden. Für mehrzeilige Textfelder stehen teilweise besondere Steuerelemente zur Verfügung, die beispielsweise Textarea (etwa in HTML oder <a href="Java_(Technik)" class="mw-redirect" title="Java (Technik)">Java</a>) oder Memofeld genannt werden (zum Beispiel in <a href="Microsoft_Office" title="Microsoft Office">Microsoft Office</a> oder <a href="Embarcadero_Delphi" title="Embarcadero Delphi">Delphi</a>).</li>

<li>Bei <a href="Texteditor" title="Texteditor">Texteditoren</a> ist ein Textfeld für eine Editbox möglich; sie ist eine Alternative zum Editieren direkt im angezeigten Text. So verwendet beispielsweise die <a href="Wikipedia" title="Wikipedia">Wikipedia</a> ein System mit getrennter Vorschau und Bearbeitungsfeld (Editor der Basissoftware). Da die <a href="Wikimedia" class="mw-redirect" title="Wikimedia">Wikimedia</a>-Software textbasiert ist, ist das Bearbeitungsfeld ein reines Textfeld für den <a href="Quellcode" class="mw-redirect" title="Quellcode">Quellcode</a>; der moderne Visual Editor ist hingegen ein <a href="WYSIWYG" title="WYSIWYG">WYSIWYG</a>-Editor mit Direkteingabe in die Darstellung.<a href="#cite_note-wp-5">[5]</a></li></ul>

Eine neuere Form von Eingabefeld stellt die artverwandte <a href="Combobox" title="Combobox">Combobox</a> dar, in der ein Textfeld mit anderen Eingabemethoden kombiniert wird, etwa einer Auswahlliste voreingestellter oder zuvor eingegebener Zeichenketten.

<div class="mw-heading mw-heading2"><h2 id="Beispiele">Beispiele</h2></div>

Das folgende Beispiel in der <a href="Programmiersprache" title="Programmiersprache">Programmiersprache</a> <a href="C-Sharp" title="C-Sharp">C#</a> zeigt die <a href="Implementierung" title="Implementierung">Implementierung</a> eines Textfelds und eines Buttons mit einer Combobox. Die Ereignisbehandlungsroutine des Buttons setzt einen Text in die Textbox (siehe <a href="Ereignis_(Programmierung)" title="Ereignis (Programmierung)">Ereignis</a>).<a href="#cite_note-6">[6]</a><div class="mw-highlight mw-highlight-lang-c# mw-content-ltr" dir="ltr"><pre>using System.Windows.Forms;

public class MainForm : System.Windows.Forms.Form

{

private TextBox exampleTextBox;

private Button exampleButton;

// Konstruktor des MainForms.

public MainForm()

{

InitializeTextBoxAndButton();

}

// Startet die Anwendung und erzeugt das MainForm durch Aufruf des Konstruktors.

public static void Main()

{

Application.Run(new MainForm());

}

// Initialisiert das Textfeld und den Button.

private void InitializeTextBoxAndButton()

{

exampleTextBox = new System.Windows.Forms.TextBox();

exampleTextBox.Location = new System.Drawing.Point(50, 25);

exampleTextBox.Size = new System.Drawing.Size(200, 100);

exampleTextBox.AcceptsReturn = true;

exampleTextBox.AcceptsTab = true;

exampleTextBox.Multiline = true; // Legt fest, dass das Textfeld mehrere Zeilen haben kann und Zeilenumbrüche ermöglicht.

exampleTextBox.ScrollBars = System.Windows.Forms.ScrollBars.Vertical;

Controls.Add(exampleTextBox);

exampleButton = new System.Windows.Forms.Button();

exampleButton.Location = new System.Drawing.Point(50, 150);

exampleButton.Size = new System.Drawing.Size(200, 25);

exampleButton.Text = "Text in der Textbox ausgeben";

Controls.Add(exampleButton);

// Verknüpft die Ereignisbehandlungsmethode mit dem Klickereignis Click des Buttons.

exampleButton.Click += exampleButton_Clicked;

}

// Diese Methode wird aufgerufen, wenn der Benutzer den Button klickt.

private void exampleButton_Clicked(object sender, System.EventArgs e)

{

exampleTextBox.Text = "Hallo Leser!\r\nDer Button wurde geklickt."; // Setzt den 2-zeiligen Text in die Textbox.

}

}

</pre></div>

<div class="mw-heading mw-heading2"><h2 id="Weblinks">Weblinks</h2></div>

<div class="sisterproject" style="margin:0.1em 0 0 0;"><a href="https://de.wiktionary.org/wiki/Textfeld" class="extiw external" title="wikt:Textfeld">Wiktionary: Textfeld</a> – Bedeutungserklärungen, Wortherkunft, Synonyme, Übersetzungen</div>

<ul><li><a rel="nofollow" class="external text" href="https://www.duden.de/rechtschreibung/Eingabefeld">Eingabefeld</a>. In: Duden Online-Wörterbuch. <a href="Bibliographisches_Institut" title="Bibliographisches Institut">Bibliographisches Institut</a> GmbH</li></ul>

<div class="mw-heading mw-heading2"><h2 id="Einzelnachweise">Einzelnachweise</h2></div>

<li id="cite_note-input-1"><a href="#cite_ref-input_1-0">↑</a> <a rel="nofollow" class="external text" href="https://wiki.selfhtml.org/wiki/HTML/Tutorials/Formulare/input">input.</a> In: SELFHTML. Abgerufen am 7. Mai 2021.<span style="display: none;" class="Z3988" title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Adc&rfr_id=info%3Asid%2Fde.wikipedia.org%3ATextfeld&rft.title=input&rft.description=input&rft.identifier=https%3A%2F%2Fwiki.selfhtml.org%2Fwiki%2FHTML%2FTutorials%2FFormulare%2Finput">

</li>

<li id="cite_note-2"><a href="#cite_ref-2">↑</a> <a rel="nofollow" class="external text" href="https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/placeholder">HTML attribute: placeholder.</a> In: developer.mozilla.org. Mozilla, abgerufen am 22. Juli 2025 (englisch).<span style="display: none;" class="Z3988" title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Adc&rfr_id=info%3Asid%2Fde.wikipedia.org%3ATextfeld&rft.title=HTML+attribute%3A+placeholder&rft.description=HTML+attribute%3A+placeholder&rft.identifier=https%3A%2F%2Fdeveloper.mozilla.org%2Fen-US%2Fdocs%2FWeb%2FHTML%2FReference%2FAttributes%2Fplaceholder&rft.publisher=Mozilla&rft.language=en">

</li>

<li id="cite_note-3"><a href="#cite_ref-3">↑</a> <a rel="nofollow" class="external text" href="https://learn.microsoft.com/en-us/windows/apps/design/controls/text-box">Text box.</a> In: learn.microsoft.com. Microsoft, 26. Februar 2025, abgerufen am 22. Juli 2025 (englisch).<span style="display: none;" class="Z3988" title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Adc&rfr_id=info%3Asid%2Fde.wikipedia.org%3ATextfeld&rft.title=Text+box&rft.description=Text+box&rft.identifier=https%3A%2F%2Flearn.microsoft.com%2Fen-us%2Fwindows%2Fapps%2Fdesign%2Fcontrols%2Ftext-box&rft.publisher=Microsoft&rft.date=2025-02-26&rft.language=en">

</li>

<li id="cite_note-4"><a href="#cite_ref-4">↑</a> Katie Sherwin: <a rel="nofollow" class="external text" href="https://www.nngroup.com/articles/magnifying-glass-icon/">The Magnifying-Glass Icon in Search Design: Pros and Cons.</a> In: nngroup.com. 23. Februar 2014, abgerufen am 22. Juli 2025 (englisch).<span style="display: none;" class="Z3988" title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Adc&rfr_id=info%3Asid%2Fde.wikipedia.org%3ATextfeld&rft.title=The+Magnifying-Glass+Icon+in+Search+Design%3A+Pros+and+Cons&rft.description=The+Magnifying-Glass+Icon+in+Search+Design%3A+Pros+and+Cons&rft.identifier=https%3A%2F%2Fwww.nngroup.com%2Farticles%2Fmagnifying-glass-icon%2F&rft.creator=Katie+Sherwin&rft.date=2014-02-23&rft.language=en">

</li>

<li id="cite_note-wp-5"><a href="#cite_ref-wp_5-0">↑</a> Siehe Hilfe:Seite bearbeiten, Wikipedia Hilfeseite.

</li>

<li id="cite_note-6"><a href="#cite_ref-6">↑</a> <a rel="nofollow" class="external text" href="https://learn.microsoft.com/en-us/dotnet/api/system.windows.forms.textbox">TextBox Class.</a> In: learn.microsoft.com. Microsoft, abgerufen am 21. August 2020 (englisch).<span style="display: none;" class="Z3988" title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Adc&rfr_id=info%3Asid%2Fde.wikipedia.org%3ATextfeld&rft.title=TextBox+Class&rft.description=TextBox+Class&rft.identifier=https%3A%2F%2Flearn.microsoft.com%2Fen-us%2Fdotnet%2Fapi%2Fsystem.windows.forms.textbox&rft.publisher=Microsoft&rft.language=en">

</li>

</ol></div><div><div class="zim-footer">

Dieser Artikel wurde von <a class="external text" title="Zuletzt bearbeitet am 2025-07-22" href="https://de.wikipedia.org/wiki/?title=Textfeld&oldid=258194639">Wikipedia</a> herausgegeben. Der Text ist unter <a class="external text" href="https://creativecommons.org/licenses/by-sa/4.0/deed.de">Creative Commons Attribution-Share Alike 4.0</a> verfügbar, sofern nicht anders angegeben. Für die Mediendateien können zusätzliche Bedingungen gelten.

</div>

</div></div>

</div>

</main>

</div>

</body></html>